<template>
  <div>
    <p v-abc v-hello>{{ uname }}</p>
  </div>
</template>

<script>
export default {
  props: ["uname"],
  directives: {
    abc: {
      bind(el) {
        el.style.backgroundColor;
      },
      update(el) {
        console.log(el.innerHTML);
      },
      componentUpdated(el) {
        console.log(el.innerHTML);
      },
    },
  },
};
</script>

<style>
</style>